<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>支付页面</title>
		<link rel="stylesheet" href="css/base.css"/>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/vipperson.css"/>
		<script src="js/jquery-2.1.4/jquery-2.1.4.js"></script>
		<script type="text/javascript">
			$(document).ready(function()
			{
				$('.myTabItem').click(function(event)
				{
					$('.myTabItem').addClass("myTabItemInactive");
					$(event.target).removeClass("myTabItemInactive");
					$(event.target).addClass("myTabItemActive");
				});
			});
		</script>
	</head>
	<body>
		<center>
		<div id="main" style="height: 700px;width: 1080px;padding-top:30px;background: rgb(243,243,243);">
			<div id="pay_left" class="fleft">
				
				<div style="height: 70px;border-bottom: 1px solid rgba(1,1,1,0.3);background: white;">
					<img src="img/pay/pay_user.png" style="height: 50px;width: 50px;margin-left: 10px;margin-top: 10px;float: left;"/>
					<div style="height: 50px;width: 115px;margin-left: 5px;margin-top: 10px;float: left;">
						<div style="height: 50%;">zzz123458</div>
						<div style="height: 50%;">
							
							<span><a href="#" style="text-decoration: none;">充值</a></span>&nbsp;&nbsp;&nbsp;
							<span><a href="#" style="text-decoration: none;">提现</a></span>
							
						</div>
					</div>
					
				</div>
				<div style="height: 67px;background: white;">
					<center>
						<p class="fredBlod fontLg1_5x">￥0.000</p>
						<p>余额</p>
					</center>
				</div>
				
				<div style="height: 188px;margin-top: 20px;background: white;">
					
					<ul class="buy_left_list">
						<li><a href="#">财务明细</a></li>
						<li><a href="#">充值记录</a></li>
						<li><a href="#">体现记录</a></li>
						<li><a href="#">我要充值</a></li>
						<li><a href="#">我要提现</a></li>
					</ul>
				</div>
				
			</div>
			<div id="pay_right" class="fleft">
				<div class="myTab">
					<div class="myTabItems">
						<a href="#" class="myTabItem myTabItemActive">快捷支付</a>
						<a href="#" class="myTabItem myTabItemInactive">支付宝</a>
						<a href="#" class="myTabItem myTabItemInactive">网上银行</a>
						<a href="#" class="myTabItem myTabItemInactive">对公支付</a>
					</div>	
				</div>
				<form action="" method="post">
				<div style="margin-left: 20px;">
					<p style="margin-top: 50px;" class="fleft">
						<font style="font-weight:bold">充值金额</font>
						&nbsp;&nbsp;<small>人民币，充值金额不小于1元</small>
						<br />
						<input type="text" style="width: 230px;height: 30px;" class="mt10 fleft"/>
					</p>
					<p style="margin-top: 20px;" class=" clearB fleft">
						<font style="font-weight: bold;">使用网上银行付款</font>
					</p>
					<table class="clearB fleft mt10" cellspacing="10">
						<tr align="center">
							<td valign="middle">
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/gonshang.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/nongye.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/jianhang.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/zhongguo.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/jiaotong.png"/>
								</div>
							</td>
						</tr>
						
						<tr align="center">
							<td valign="middle">
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/zhaoshang.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/xinye.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/jianfa.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/zhongguominsheng.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/zhongxin.png"/>
								</div>
							</td>
						</tr>
						
						<tr align="center">
							<td valign="middle">
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/guangda.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/huaxia.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/guangdongfz.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/zhongguoyz.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/nanjing.png"/>
								</div>
							</td>
						</tr>
						
						<tr align="center">
							<td valign="middle">
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/shanghainc.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/pingan.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
									<img height="37px" width="87px" src="img/yinhang/beijing.png"/>
								</div>
							</td>
							<td>
								<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
									<input type="radio" name="bank" style="height: 20px;width: 20px;margin-top:10px;" class="fleft" />
									<span height="37px" width="87px" style="font-size: 0.8em;line-height: 37px;">使用更多银行</span>
								</div>
							</td>
							
						</tr>
					</table>	
				</div>
				<div class="clearB"><input type="submit" class="mt10" style="height: 30px;width: 80px;border-radius: 5px;" value="确定支付"/></div>
				</form>
			</div>
		</div>
		</center>
	</body>
</html>
